@media only screen and (max-width: 980px)
{
  div#navbar
  {
    display: none;
  }
  div.navbar_b
  {
    display:none;
  }

  div.sm_navbar
  {flex: 1;
   display : flex;
    align-items: center;
    margin-left: 2%;
    margin-right: 2%;

    background-color : #CFCDFF;
    min-height: 40px;
    border-radius: 20px;
    flex-direction: row;
  justify-content : space-between;
  padding-left : 10%;
  padding-right : 10%;
  margin-bottom: 10px;
  }

  div.sm_button
  {
    border-radius: 20px;
    background-color : #6526FF;
    display : flex;
    width : 40%;
    height : 30px;
    align-items: center;
    justify-content: center;

  }

  img.images
  {display: block;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
  }

  img.map
  {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  p.p_navbar
  {
    font-size : 1em;
    color : #FFFFFF;
  }

  iframe
  {
    width: 100%;
    height: 450px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}